<script setup lang="ts">

</script>

<template>
  <PageWrapper :navbar="null" :disable-pull-down-refresh="true" :capsule="true">
    <view class="agreement">
      <h1 class="agreement__title">
        用户服务协议
      </h1>
      <p>欢迎您注册并使用本应用。在注册成为用户前，请您务必仔细阅读本协议的全部内容，充分理解各条款。您的注册、登录、使用等行为将视为对本协议的接受，并同意接受本协议各项条款的约束。</p>
      <h2>一、用户注册</h2>
      <ol>
        <li>用户在使用本服务前需要注册个人账号，账号应使用本人真实信息注册。</li>
        <li>用户应妥善保管账号和密码，因用户自身原因导致的账号泄露、丢失等后果由用户自行承担。</li>
        <li>用户注册即视为同意本协议全部内容。</li>
      </ol>
      <h2>二、用户信息保护</h2>
      <ol>
        <li>本应用将采取合理措施保护用户的个人信息安全，除法律法规规定或用户授权外，不会向第三方公开、透露用户个人信息。</li>
        <li>用户在使用本服务过程中，需提供必要的个人信息，用户应保证所提供信息的真实性、准确性。</li>
      </ol>
      <h2>三、服务内容</h2>
      <ol>
        <li>本应用为用户提供信息发布、浏览、互动等服务，具体以实际功能为准。</li>
        <li>本应用有权根据实际情况对服务内容进行调整、变更或终止，用户应予以理解。</li>
      </ol>
      <h2>四、用户行为规范</h2>
      <ol>
        <li>用户在使用本服务时应遵守法律法规，不得利用本服务从事违法违规活动。</li>
        <li>用户不得发布、传播违法、侵权、虚假、骚扰等信息。</li>
        <li>用户应对其在本应用中的行为及内容承担全部法律责任。</li>
      </ol>
      <h2>五、知识产权</h2>
      <ol>
        <li>本应用及相关内容的知识产权归本公司或相关权利人所有，未经授权不得擅自使用。</li>
        <li>用户在本应用发布的内容，视为授权本应用在全球范围内免费、非独占地使用、复制、修改、传播等。</li>
      </ol>
      <h2>六、免责声明</h2>
      <ol>
        <li>本应用将尽力保障服务的稳定与安全，但不对因不可抗力、网络故障等原因导致的服务中断、数据丢失等承担责任。</li>
        <li>用户因使用本服务产生的任何直接或间接损失，本应用不承担责任。</li>
      </ol>
      <h2>七、协议的变更与终止</h2>
      <ol>
        <li>本应用有权根据法律法规及运营需要对本协议进行修改，修改后的协议自公布之日起生效。</li>
        <li>用户如不同意修改内容，可停止使用本服务，继续使用视为接受修改后的协议。</li>
      </ol>
      <h2>八、其他</h2>
      <ol>
        <li>本协议的订立、执行与解释及争议的解决均应适用中华人民共和国法律。</li>
        <li>如本协议部分条款无效，不影响其他条款的效力。</li>
      </ol>
      <p class="agreement__footer">
        如有疑问，请联系本应用客服。
      </p>
    </view>
  </PageWrapper>
</template>

<style scoped lang="scss">
.agreement {
  padding: 24rpx 20rpx 40rpx 20rpx;
  color: #222;
  font-size: 15px;
  line-height: 1.7;
  background: #fff;
  border-radius: 12rpx;
  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.03);
  .agreement__title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 18rpx;
    text-align: center;
  }
  h2 {
    font-size: 16px;
    font-weight: 600;
    margin: 18rpx 0 8rpx 0;
  }
  ol {
    padding-left: 18px;
    margin-bottom: 8rpx;
  }
  .agreement__footer {
    margin-top: 24rpx;
    color: #888;
    font-size: 13px;
    text-align: center;
  }
}
</style>
